<template>
  <div>
    <!-- 按键修饰符 -->
    <!-- 作用：  只监听某个键的键盘事件 -->
    <!-- 语法： @键盘事件.enter="" -->

    <!-- .enter监听回车事件 -->
    <input type="text" @keyup.enter="fn" />

    <!-- .esc监听Esc触发 -->
    <input type="text" @keyup.esc="escFn" />
  </div>
</template>

<script>
export default {
  methods: {
    fn() {
      console.log(" Enter -----> 触发了 ");
    },
    escFn() {
      console.log(" ESc -----> 触发了 ");
    },
  },
};
</script>

<style>
</style>